<template>
    <div>
      <vxe-grid v-bind="gridOptions">
        
      </vxe-grid>
    </div>
  </template>
  
  <script setup>
  import { reactive } from 'vue'
  const gridOptions = reactive({
    border: true,
    height: 300,
    align: null,
    columnConfig: {
      resizable: true
    },
    columns: [
      { type: 'seq', width: 50 },
      { field: 'name', title: 'name' },
      { field: 'sex', title: 'sex' },
      { field: 'address', title: 'Address' },
      { field: 'address', title: 'Address' },
      { field: 'address', title: 'Address' },
      { field: 'address', title: 'Address' },
      { field: 'address', title: 'Address' },
      { field: 'address', title: 'Address' },
      { field: 'address', title: 'Address' },
      { field: 'address', title: 'Address' },
    ],

  })
  </script>
  